
.app{
    .header{
        height: 380rpx;
        background-image: url("https://636c-cloud1-3gdjdzeq2e82c09e-1307302008.tcb.qcloud.la/assets/application/bitmap.png?sign=84adfa6a72f757859a9858f9d5f0387f&t=1637754973");
        background-repeat: no-repeat;
        background-position: fixed;
        background-size: 100% 100%;
        .content{
            font-weight: 500;
            font-family: PingFangSC-Medium, PingFang SC;
            padding-top: 128rpx;
            height: 130rpx;
            display: flex;
            flex-direction: row;
            margin-left: 40rpx;
            .image{
                height: 130rpx;
                width: 130rpx;
            }
            .info{
                display: flex;
                flex-direction: column;
                padding: 0 20rpx;
                
                color: #FFFFFF;
                .name{
                    font-size: 38rpx;
                    padding-bottom: 18rpx;
                }
                .life{
                    opacity: 0.8;
                    font-size: 28rpx;
                }
            }
            .setting{
                border: red 1px solid;
                color: #DE270F;
                font-size: 28rpx;
                margin-left: 0;
                .image{
                    width:18rpx;
                    height: 22rpx;
                }
                .left{
                    width:11.32rpx;
                    height:11.32rpx;
                    line-height: 2;
                }
            }
        }
        .bottom{
            position: relative;
            bottom: -10rpx;
            opacity: 0.6;
            height: 82rpx;
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            align-content: center;
            text-align: center;
            .box{
                width: 50%;
                opacity: 1;
                display: flex;
                align-items: center;
                align-content: center;
                justify-content: center;
                image{
                    height: 30rpx;
                    width: 30rpx; 
                }
                .text{
                    text-align: center;
                    color: white;
                    margin-left: 10rpx;
                }
            }
            
        }
    }
    .content {
        .noactivity{
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            image{
                width: 220rpx;
                height: 220rpx;
                margin: 30% 0;
            }
        }
    }
}